<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
  <head>
    <title>首页</title>
    <meta charset="UTF-8">
    <link href="static/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
  </head>
  <body>
  <div class="jumbotron text-center" style="margin-bottom: 2px">
    <c:choose>
      <c:when test="${(user.name != null) && (user.isAdmin == false)}">
        <h3>你好，尊敬的用户：${user.name}！欢迎回来！</h3>
      </c:when>
      <c:when test="${(user.name != null) && (user.isAdmin == true)}">
        <h3>你好，尊敬的管理员：${user.name}！欢迎回来！</h3>
      </c:when>
      <c:otherwise>
        <h3>你好，亲爱的游客！欢迎回来！</h3>
      </c:otherwise>
    </c:choose>
    <h3>本网站用于用户之间进行音乐的分享交流，感谢大家的支持！</h3>
  </div>
  <div class="container-fluid">
    <div class="row">
      <div class="col-3" style="padding-right: 1px">
        <nav class="navbar-nav bg-light navbar-light">
          <ul class="navbar-nav">
            <c:if test="${user == null}">
              <li class="nav-item">
                <a class="nav-link" href="client_jsp/login.jsp">登录</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="client_jsp/register.jsp">注册</a>
              </li>
            </c:if>

            <li class="nav-item">
              <a class="nav-link" href="index.jsp">音乐馆</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="client_jsp/musiclist_liked.jsp">我喜欢</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="client_jsp/musiclist.jsp">歌单</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="client_jsp/friend.jsp">我的好友</a>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
                个人中心
              </a>
              <div class="dropdown-menu">
                <a class="dropdown-item" href="client_jsp/personal_detail.jsp">个人信息</a>
                <a class="dropdown-item" href="client_jsp/change_password.jsp">修改密码</a>
                <a class="dropdown-item" href="LogoutController">注销</a>
              </div>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="client_jsp/draft_admin.jsp">投稿管理</a>
            </li>
            <c:if test="${user.isAdmin == true}">
              <li class="nav-item">
                <a class="nav-link" href="static/admin_html/index.html">网站管理</a>
              </li>
            </c:if>
          </ul>
        </nav>

      </div>
      <div class="col-7" style="padding-left: 1px">
        <nav class="navbar-expand">
          <ul class="navbar-nav bg-light navbar-light">
            <li class="nav-item">
              <a class="nav-link" href="index.jsp">精选</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="client_jsp/singer.jsp">歌手</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="client_jsp/music_rank.jsp">排行</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="client_jsp/music-categories.jsp">分类</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="client_jsp/music_album.jsp">专辑</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="client_jsp/music_circle.jsp">音乐圈</a>
            </li>
          </ul>
        </nav>
        <div class="main-container" style="margin: 5px">
          <div class="这里应该有个轮播图" style="height: 600px">轮播图</div>

          <div class="歌曲推荐" style="height: 800px">歌曲推荐</div>

          <div class="歌单推荐" style="height: 800px">歌单推荐</div>

          <div class="排行榜" style="height: 800px">排行榜</div>
        </div>
      </div>
      <div class="col-2">
        <p>公告</p>
      </div>
    </div>
  </div>
  <div class="jumbotron text-center" style="margin-bottom: 0">
    <p>底部内容</p>
  </div>

  <script src="static/bootstrap/js/jquery-3.4.1.min.js"></script>
  <script src="static/bootstrap/js/popper.min.js"></script>
  <script src="static/bootstrap/js/bootstrap.min.js"></script>
  </body>
</html>
